/* LiberTool 暗色主题样式 */

/* 暗色主题变量 */
[data-theme="dark"] {
    --bg-color: #121416; /* 更深的黑色背景 */
    --card-bg-color: #1e2022; /* 更深的卡片背景 */
    --text-color: #ffffff; /* 确保夜间模式下文本为白色 */
    --border-color: #3d4548;
    --btn-active-bg: linear-gradient(90deg, #6366F1 0%, #8B5CF6 100%);
    --header-bg: #121416; /* 更深的头部背景 */
    --header-text: #ffffff;
    --footer-bg: #121416; /* 更深的底部背景 */
    --footer-text: #a0a0a0;
    --primary-color: #52616b;
    --secondary-color: #3d4548;
    --success-color: #2ecc71;
    --danger-color: #e74c3c;
    --warning-color: #f39c12;
    --info-color: #1abc9c;
    --light-color: #c9d6df;
    --dark-color: #121416; /* 更深的暗色 */
    --icon-color: #e0e0e0; /* 夜间模式下图标为浅色 */
    /* 新增表格颜色变量 */
    --bs-table-color: #ffffff;  /* 设置表格文字为白色 */
    --bs-table-bg: #343a40;     /* 表格背景色保持深色 */
    --bs-table-border-color: #495057;
}

/* 补充表格样式 */
[data-theme="dark"] .table {
    color: var(--bs-table-color) !important;
    background-color: var(--bs-table-bg);
}

[data-theme="dark"] .table {
    --bs-table-color: #ffffff !important;  /* 增加嵌套层级 */
    color: var(--bs-table-color) !important;
}

[data-theme="dark"] .card {
    background-color: var(--card-bg-color);
    border-color: #3d4548;
}

[data-theme="dark"] .card-header {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #3d4548;
}

[data-theme="dark"] .form-label {
    color: #ffffff; /* 夜间模式下表单标签为白色 */
}

[data-theme="dark"] .form-control {
    background-color: #2d3436;
    color: #ffffff;
    border-color: #3d4548;
}

[data-theme="dark"] .form-control::placeholder {
    color: #e0e0e0; /* 夜间模式下占位符为浅色 */
}

/* 这部分样式已在下方重新定义 */

[data-theme="dark"] select.form-select {
    background-color: #2d3436;
    color: #ffffff;
    border-color: #3d4548;
}

[data-theme="dark"] .form-control:focus {
    background-color: #2d3436;
    box-shadow: 0 0 0 0.2rem rgba(82, 97, 107, 0.25);
}

[data-theme="dark"] .btn-primary {
    color: #ffffff; /* 夜间模式下按钮文字为白色 */
}

[data-theme="dark"] .btn-primary.active,
[data-theme="dark"] .btn-primary:focus {
    background: var(--btn-active-bg); /* 夜间模式下激活状态使用紫色渐变 */
}

[data-theme="dark"] .category-badge {
    background-color: #3d4548;
    color: #ffffff; /* 夜间模式下分类按钮文字为白色 */
}

[data-theme="dark"] .category-header h5 {
    color: #00cc88 !important; /* 夜间模式下类别标题为亮绿色 */
}

[data-theme="dark"] .category-badge:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .category-badge.active,
[data-theme="dark"] .category-badge:focus {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    color: #ffffff; /* 夜间模式下激活状态文字为白色 */
}

/* SVG图标在暗色模式下的样式 */
[data-theme="dark"] svg {
    stroke: var(--icon-color);
    color: var(--icon-color);
}

[data-theme="dark"] svg.feather {
    stroke: var(--icon-color);
    fill: none;
}

[data-theme="dark"] svg.feather-image {
    stroke: var(--icon-color);
    fill: none;
}

/* 确保'd-flex align-items-center mb-2'类容器中的SVG图标在暗色模式下显示为白色 */
[data-theme="dark"] .d-flex.align-items-center.mb-2 svg,
[data-theme="dark"] .d-flex.align-items-center.mb-2 [data-feather] {
    stroke: #ffffff;
    color: #ffffff;
    fill: none;
}

[data-theme="dark"] .slider:before {
    background-color: #f0f0f0;
}

[data-theme="dark"] .search-container input {
    background-color: #2d3436;
    border-color: #3d4548;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .search-container input:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 97, 107, 0.25);
}

[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h5,
[data-theme="dark"] .card-title,
[data-theme="dark"] .card-header h5,
[data-theme="dark"] .bookmark-title {
    color: #ffffff !important; /* 夜间模式下所有标题为白色 */
}

[data-theme="dark"] header.bg-primary {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tool-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tool-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

/* 确保暗色主题下body背景色正确应用 */
[data-theme="dark"] body,
[data-theme="dark"] html {
    background-color: var(--bg-color);
    color: var(--text-color);
}

/* 确保暗色主题下卡片标题背景色正确 */
[data-theme="dark"] .bg-light,
[data-theme="dark"] .card-header.bg-light {
    background-color: #1a1d1f !important;
    color: var(--text-color);
}

/* 确保暗色主题下alert信息框背景色正确 */
[data-theme="dark"] .alert-info {
    background-color: #1a1d1f;
    border-color: #2c3032;
    color: var(--text-color);
}

/* 确保暗色主题下功能标签中的图标显示为白色 */
[data-theme="dark"] .card-body .d-flex.align-items-center.mb-2 [data-feather],
[data-theme="dark"] .card-title i[data-feather] {
    color: #ffffff;
    stroke: #ffffff;
    fill: none;
}

/* 其他图标保持原有样式 */
[data-theme="dark"] [data-feather],
[data-theme="dark"] svg.feather-image,
[data-theme="dark"] .feather-image {
    color: var(--icon-color);
    stroke: var(--icon-color);
    fill: none;
}